<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<script>
  function Ajax(url, method, SuccessFunction, ErrorFunction) {
    //创建Ajax对象
    let Ajax
    if (window.XMLHttpRequest) {
      Ajax = new XMLHttpRequest()
    } else {
      //兼容辣鸡IE浏览器
      Ajax = window.ActiveXObject("Microsoft.XMLHTTP")
    }
    //连接服务器
    //Ajax.open("请求方式","请求地址",是否异步)
    Ajax.open(method, url, true)
    //发送请求
    Ajax.send()
    //接受返回
    Ajax.onreadystatechange = function () {
      /*
      Ajax.readState：
        0：未初始化，还没调用open(方法)
        1：载入，已调用send()方法，作者发送请求
        2：解析，正在解析响应内容
        3：解析，正在解析响应内容
        4：完成，响应内容解析完成，可以在客户端调用
      */
      if (Ajax.readyState == 4) {
        //读取完成
        if (Ajax.status == 200) {
          //成功
          SuccessFunction(Ajax.responseText)
        } else {
          //失败，如果有失败回调函数则调用
          if (ErrorFunction) {
            ErrorFunction(Ajax.status)
          }
        }
      }
    }
  }

  window.onload = function () {
    let btn1 = document.getElementById("btn1")
    btn1.onclick = function () {
      Ajax("Move.js", "get", (text) => {
        alert(text)
      }, (status) => {
        alert("失败" + "\n状态码：" + status)
      })
    }
  }

</script>

<body>
  <input id="btn1" type="button" value="读取" />

</body>

</html>